body {
  background-color: #4158D0;
  background-image: linear-gradient(43deg,  #F0FFF0 46%, #F5F5F5 100%);

}
.logo
{
	display: flex;
	left: 600px;
	top: 50px;
	padding-left: 5px;
	letter-spacing: 2px;
	font-color: #FFCC00;
	text-align: center;
	font-size: 30px;
}

.bu{width: 300px;
    min-height: 60px;
    display: block;
    background-color: #FFFFFF;
    border: 2px solid #43CD80;
    color: #000000;
    padding: 9px 14px;
    font-size: 20px;
    line-height: normal;
    border-radius: 5px;
    margin: 0;
}


.h1{
	letter-spacing: 5px;
	font-color: #FF6633;
	text-align: center;
}

a {
  text-decoration:  none;
  font-weight:      600;
}
a:hover {
  text-decoration:  underline;
}

h2 {
  font-size:        150%;
}
table {
  margin-left:      20px;
  margin-right:     20px;
  caption-side:     bottom;
  border-collapse:  collapse;
}
td, th, p {
  padding:          40px;
  text-align:       left;
}
.copyright {
  font-size:        90%;
  font-style:       italic;
}
.slogan {
  font-size:        75%;
  font-style:       italic;
}
.confirmentry {
  font-weight:      600;
}
.function{

	padding:1px;
	overflow:hidden;
	clear:both;
	line-height:45px;
	padding:0px;

}

/*** Tables ***/

table {
font-size:          30px;
background-color:   #fafcff;
border:             1px solid #D54C33;
color:              #8FBFB4;
padding:            5px 5px 2px;
border-collapse:    collapse;
}


/*** Inputs ***/
input[type=text] {
  font-size:        100%;
  width:            30em;
}

input[type=password] {
  font-size:        115%;
  width:            30em;
}

input[type=submit] {
  font-size:        200%;
}
select {
  font-size:        125%;
}
.photo
{   position: absolute;
	display: flex;
	top: 650px;
	right: 200px;
}
.photo p
{
	font-size: 30px;
}
.photo img
{width: 400px;
	height: 200px;
}
.weather
{
	position: absolute;
	top: 10px;
	right: 100px;
	font-size:  150%;

}
.img3
{
	position: absolute;
	right: 200px;
	top: 1450px;

}
.img3 img
{
	width: 400px;
	height: 200px;
}
.img2
{
	position: absolute;
	right: 200px;
	top: 1000px;

}
.img2 img
{
	width: 400px;
	height: 200px;
}
.img1
{
	position: absolute;
	right: 200px;
	top: 650px;

}
.img1 img
{
	width: 400px;
	height: 200px;
}

.r
{
	font-size: 20pt;
}
.weather_r
{
	font-size: 16pt;

}
.title{
	position: absolute;
	top: 50px;
	left: 500px;
}
.viewlog{
	position: absolute;
	left: 30px;
	top: 220px;
}